
<?php
	include("php/session.php");
	include("php/error.php");
	include("php/bbcode.php");
	include("dao/CategoriasDAO.class.php");
	include("dao/ConteudoDAO.class.php");
	include("dao/UsuarioDAO.class.php");
?>
	
<?php
	set_error_handler("customError");
	
	$categoriasdao = new CategoriasDAO();
	$categorias = $categoriasdao->buscar();
	
	$conteudodao = new ConteudoDAO();
	$conteudos = $conteudodao->buscarPublicNews();
	
	$usuariodao = new UsuarioDAO();

?>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Chimera</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/css.css">
<link rel="stylesheet" type="text/css" href="css/prettify.css">
<link rel="stylesheet" type="text/css" href="css/modal.css">
<script src="js/jquery-1.11.1.js"></script>
<script src="js/campos.js"></script>
<script src="js/run_prettify.js"></script>
<script src="js/modal.js"></script>

<script>
	$(document).ready(function(e) {
        $("textarea").keydown(function(e) {
			if(e.keyCode === 9) { // tab was pressed
				// get caret position/selection
				var start = this.selectionStart;
					end = this.selectionEnd;
		
				var $this = $(this);
		
				// set textarea value to: text before caret + tab + text after caret
				$this.val($this.val().substring(0, start)
							+ "\t"
							+ $this.val().substring(end));
		
				// put caret at right position again
				this.selectionStart = this.selectionEnd = start + 1;
		
				// prevent the focus lose
				return false;
			}
		});
    });
</script>

</head>

<body>
	<main>
    	
      <!-- HEADER OU TOPO -->  
   	  <header style="height:250px">
      	<!-- CONTAINER PADRÃO 960PX DE LARGURA,
        	PARA ALINHAR O CONTEUDO AO CENTRO -->
       	<div class="container">
        	<!-- SPAN VAZIO PARA SER DEFINIDO NO CSS COMO LOGO E IMAGEM -->
           	<div class="topoSuperior">
                <span class="logo"></span>
                <!-- INPUT SIMPLES DE PESQUISA -->
                <input type="text" class="pesquisaTopo" placeholder="Faça sua pesquisa..." />
                <!-- SELECT DE PESQUISA, PARA O USUARIO ESCOLHER EM QUAL LUGAR
                    DESEJA PESQUISAR, PARA REFINAR A PESQUISA. FOI POPULADO COM UM
                    FOREACH PARA PERCORRER O ARRAY FEITO ACIMA, PEGANDO DADOS DO
                    BANCO SOBRE AS CATEGORIAS DO SITE. -->
                <select class="categoriasPesquisa">
                    <?php foreach($categorias as $categoria): ?>
                        <option value="<?= $categoria->getIdCategorias();?>"><?= $categoria->getNome();?></option>
                    <?php endforeach;?>
                </select>
                <!-- SPAN COM LINK DE LOGOUT, USA-SE SPAN QUANDO O CONTEUDO
                    VISUAL NÃO TEM CLASSE DEFINIDA, OU SEJA, QUANDO NÃO É
                    TOPO, PARAGRAFO, IMAGEM, ETC... -->
                <span class="logout">
                    <a href="php/logout.php"></a>
                </span>
            <!-- OUTRO SPAN, AGORA COM A SESSION NOME, QUE FOI DEFINIDA ASSIM
            	QUE O USUARIO FEZ LOGIN, USADO PARA DAR BOAS VINDAS, E EXIBIR
                O NOME DO USUARIO NO TOPO -->
            	<span class="sessionNome"><?= $_SESSION['nome'] ?></span>
            </div>
            <div class="topoInferior">
            	<span class="nomeSite">Chimera</span>
                <span class="frase">Publique navegue pelo menu do site
					ou veja as ultimas publicações</span>
                <div class="botoesTopo">
                	<div class="botoesTopoContainer">
                		<span class="botaoMenu"></span>
                    	<a href="#dialogNew" class="botaoNovo" name="modal">Novo</a>
                    </div>
                </div>
            </div>
        </div>
      </header>
        
      <!-- SECTION CENTRAL, ONDE FICA BASICAMENTE TODO O CONTEUDO DESSA PAGINA -->  
   	  <section class="inicio">
      	<!-- CONTAINER PADRÃO 960PX DE LARGURA,
        	PARA ALINHAR O CONTEUDO AO CENTRO -->
      	<div class="container">
        		
                <ul class="menu">
     				<!-- TAG LI POPULADO COM UM FOREACH PARA PERCORRER O ARRAY 
                    FEITO ACIMA, PEGANDO DADOS DO BANCO SOBRE AS CATEGORIAS DO SITE. -->
                	<?php foreach($categorias as $categoria): ?>
                    
                        <li>
                        	<!-- TAG A, UM LINK PARA CADA ITEM DE MENU, A PROPRIEDADE HREF
                            	FEITA PARA ABRIR UM LINK DO PROPRIO SITE PASSANDO OS PARAMETROS
                                APRESENTADOS, PARA FAZER O REDIRECIONAMENTO CERTO, SEGUNDO A 
                                ESCOLHA DO USUARIO. -->
                            <a href=
                            	"posts.php?append=<?= $categoria->getIdCategorias();?>&match=<?= $categoria->getNome();?>">
								<?= $categoria->getNome();?>
                            </a>
                        </li>
                    
                    <?php endforeach;?>
                
                </ul>
            
            	<!-- TAG H3 SIMPLES PARA COLOCAR UM TITULO NO MENU -->
            	<!--<h3 class="menuTitulo">Ultimas</h3>-->
                <!-- TAG UL PARA LISTAR OS ULTIMOS POSTS, JUNTO COM A TAG LI -->
            	<ul class="posts">
                    <!-- LAÇO QUE PERCORRE O ARRAY DE CONTEUDOS CRIADOS ACIMA
                    	EXIBES OS ULTIMOS POSTS -->
                	<?php foreach($conteudos as $conteudo): ?>
                    <!-- COM ALGUNS RESULTADOS DO ARRAY ACIMA, FAZ-SE OUTRA BUSCA
                    	O NOME DO USUARIO DO POST, E A CATEGORIA -->
                    <?php
						$usuario = $usuariodao->buscar($conteudo->getFk_idUsuario());
						$strCategoria = $categoriasdao->buscarCategoria($conteudo->getFk_idCategorias());
					?>
						<!-- TAG A, UM LINK PARA CADA POST, A PROPRIEDADE HREF
                            FEITA PARA ABRIR UM LINK DO PROPRIO SITE PASSANDO OS PARAMETROS
                            APRESENTADOS, PARA FAZER O REDIRECIONAMENTO CERTO, SEGUNDO A 
                            ESCOLHA DO USUARIO. -->
						<li class="postsLi">
                        	<a href="post.php?append=<?= $conteudo->getIdConteudo();?>&match=<?= $strCategoria->getNome();?>">
                            	<span class="categoriaUltimas">
                                	<?= $strCategoria->getNome();?>
                                </span>
								<span class="assuntoUltimas">
									<?= $conteudo->getAssunto();?></br>
                                    <span class="autorUltimas">
                                    	por: <?= $usuario->getNome();?>
                                    </span>
                                </span>
                                <span class="dataUltimas"><?= $conteudo->getData();?></span>
                            </a>
                        </li>
					
					<?php endforeach;?>
                </ul>
            
          </div>
        </section>
    </main>
    
    <div id="boxes">
        <div id="dialogNew" class="window shadow">
            <span class="close">X</span>
            <form class="formNovaNew" 
                action="controller/add.php?action=3445" method="post">
                	
                    <input type="text" class="inputAssunto" placeholder="Assunto" name="assunto"/>
                    <select class="inputCategorias" name="categoria">
						<?php foreach($categorias as $categoria): ?>
                            <option value="<?= $categoria->getIdCategorias();?>"><?= $categoria->getNome();?></option>
                        <?php endforeach;?>
                    </select>
                    <textarea id="mybox" class="inputConteudo" placeholder="Escreva o texto aqui" name="conteudo"></textarea>
                    
                    <a href="#" class="adicionarCampo">+</a>
                    
                    <div class="divTags">
                    	<input class="inputTags" name="tags[]" placeholder="Insira tags para pesquisa..."/>
                    </div>
                    
                    <input class="buttonEnviar" type="submit" value="Enviar" />
                    
                </form>
        </div>

        <div id="mask"></div>
    </div>
    
</body>
</html>